<%@page import="com.carlyang.studentinfo.util.LogUtil"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="com.carlyang.studentinfo.model.User" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>班级信息管理</title>
<%
	String TAG = "classInfoManage.jsp";
	//权限验证，页面级的验证，如果功能页面多个，每个页面都得添加这段代码
	//使用session判断,session会话存放在服务器，只要用户不关闭浏览器，一直存在
	//LogUtil.i(TAG,session.getAttribute("currentUser").toString());
	User user = (User)session.getAttribute("currentUser");
	if(session.getAttribute("currentUser")==null ){
		response.sendRedirect("index.jsp");
		//System.out.println("服务器没有你登录成功的信息，滚回去登录！");
		LogUtil.i(TAG, "服务器没有你登录成功的信息，滚回去登录！");
		return;
	}
	//添加限制，只允许carlyang用户操作
	if(!user.getUserName().equals("carlyang")){
		LogUtil.i(TAG, "您没有权限操作！");
		out.print("<font color='red' size='5' face='楷体'>您没有权限操作!</font>");
		
		out.flush();
		//out.close();//不能关闭out流，否则会报错
		return;//直接返回退出后面页面不执行
		
		//response.sendError(0, "error");
		//out.print("<script language=javascript>window.location.reload(true);</script>");
		//out.print("<script language=javascript>window.location.href=window.location.href;</script>");
	}
%>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">

	var URL;
	function searchClassName() {
		//alert(123);
		$('#classInfo').datagrid('load',{
			className:$('#s_className').val()//根据ID查询DOM节点后取值
		});
	}
	
	function deleteClass() {
		var selectedRows = $('#classInfo').datagrid('getSelections');
		if(selectedRows.length == 0){
			$.messager.alert("系统提示","您未选择数据，请选择要删除的数据！");
			return;
		}
		var strIds=[];
		for(var i=0;i<selectedRows.length;i++){
			strIds.push(selectedRows[i].id);
		}
		var ids = strIds.join(",");
		$.messager.confirm("系统提示", "您确定要删掉这<font color=red>"+selectedRows.length+"</font>条数据吗？",function(r){
			if(r){
				$.post("classDelete",{delIds:ids},function(result){//提交带JSON数据的Ajax请求到classDelete的servlet
					if(result.success){
						$.messager.alert("系统提示","您已成功删除<font color=red>"+result.delNums+"</font>条数据！");
						$("#classInfo").datagrid("reload");
					}else{
						$.messager.alert("系统提示","<font color=red>"+result.errorMsg+"</font>");
					}
				},"json");
			}
		})
	}
	//打开班级信息添加对话框
	function openClassAddDialog() {
		$("#dlg").dialog("open").dialog("setTitle","添加班级信息");
		URL="classSave";
	}
	//打开班级信息修改对话框
	function openClassModifyDialog() {
		//获取用户选中的信息行
		var selectedRows = $('#classInfo').datagrid('getSelections');
		if(selectedRows.length != 1){
			$.messager.alert("系统提示","请选择一条要修改编辑的数据！");
			return;
		}
		var row = selectedRows[0];
		$("#dlg").dialog("open").dialog("setTitle","编辑修改班级信息");
		$("#fm").form("load",row);
		URL="classSave?id="+row.id;
	}
	//保存添加信息，调用后台
	function saveClass(){
		$("#fm").form("submit",{
			url:URL,
			onSubmit:function(){
				return $(this).form("validate");
			},
			success:function(result){
				if(result.errorMsg){
					$.messager.alert("系统提示",result.errorMsg);
					return;
				}else{
					$.messager.alert("系统提示", "保存成功");
					resetClassAddDialogValue();
					$("#dlg").dialog("close");
					$("#classInfo").datagrid("reload");
				}
			}
		});
		
	}
	//关闭班级信息添加对话框
	function closeClassAddDialog() {
		$("#dlg").dialog("close");
		resetClassAddDialogValue();
	}
	//删除班级信息添加对话框中的内容
	function resetClassAddDialogValue() {
		$("#className").val("");
		$("#classDesc").val("");
	}

</script>
</head>
<body style="margin: 5px">
	<!-- 
		pageSize : 5,//默认选择的分页是每页5行数据
		pageList : [ 5, 10, 15, 20 ],//可以选择的分页集合
		nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
		striped : true,//设置为true将交替显示行背景。
		collapsible : true,//显示可折叠按钮
		toolbar:"#tb",//在添加 增添、删除、修改操作的按钮要用到这个
		url:'getAllStudentAction.action',//url调用Action方法
		loadMsg : '数据装载中......',
		singleSelect:true,//为true时只能选择单行
		fitColumns:true,//允许表格自动缩放，以适应父容器
		//sortName : 'xh',//当数据表格初始化时以哪一列来排序
		//sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。
	 -->
	<table id="classInfo" title="班级信息" class="easyui-datagrid" 
		fitColumns="true" pagination="true" rownumbers="true" fit="true" url="classList" toolbar="#tb"
		pageSize="20" pageList="[10,20,30,40,50]" nowrap="true" striped="true" collapsible="true"
		loadMsg="数据装载中......请稍等！">
		<thead>
			<tr>
				<th field="cb" checkbox="true"></th>
				<th field="id" width="50">ID</th>
				<th field="className" width="100">班级名称</th>
				<th field="classDesc" width="300">班级描述</th>
			</tr>
		</thead>
	</table>
	<div id="tb">
		<div>
			<a href="javascript:openClassAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
			<a href="javascript:openClassModifyDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">修改</a>
			<a href="javascript:deleteClass()" class="easyui-linkbutton" iconCls="icon-add" plain="true">删除</a>
		</div>
		<div>
			&nbsp;班级名称：&nbsp;<input type="text" name="sc_className" id="s_className"><a href="javascript:searchClassName()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a>
		</div>
	</div>
	<div id="dlg" class="easyui-dialog" style="width: 400px;height: 280px;padding: 10px 10px"
		closed="true" buttons="#dlg-buttons">
		<form id="fm" method="post">
			<table>			
				<tr>
					<td>班级名称：</td>
					<td><input type="text" name="className" id="className" class="easyui-validatebox" required="true"/></td>
				</tr>
				<tr>
					<td valign="top">班级描述：</td>
					<td><textarea rows="7" cols="30" type="text" name="classDesc" id="classDesc"></textarea></td>
				</tr>
			</table>
		</form>	
	</div>
	
	<div id="dlg-buttons">
		<a href="javascript:saveClass()" class="easyui-linkbutton" iconCls="icon-ok" plain="true">确定(OK)</a>
		<a href="javascript:closeClassAddDialog()" class="easyui-linkbutton" iconCls="icon-cancel" plain="true">取消/关闭(Cancel)</a>
	</div>
</body>
</html>